.sidebar-container {
    background: #1E234B!important;
    &.has-logo {
        .sys-name {
          color: #FFFFFF;
        }
      }
    .el-menu-item {
        background: #1E234B !important;
        color: #FFFFFF !important;
        &:hover {
            background: #020306 !important;
            color:rgba(77, 123, 255, 1) !important;
            &::after {
              height: 100%;
              transform: translateY(-50%);
            }
          }
      }
}
  //深色silder
  #app .sidebar-container .submenu-title-noDropdown:hover, #app .sidebar-container .el-submenu__title:hover {
    color:rgba(77, 123, 255, 1) !important;
    background: #020306 !important;
    //background: linear-gradient(70deg, rgba(19, 120, 199, 1) 48%, rgba(52, 182, 205, 1) 100%) !important;
  }
  .menu-wrapper .el-menu-item, .menu-wrapper .el-submenu__title {
    background: #1E234B !important;
    color: #FFFFFF !important;
  }
  #app .sidebar-container .el-menu-item.is-active {
    position: relative;
    background: #020306 !important;
    color:rgba(77, 123, 255, 1) !important;
    &::after {
      height: 100%;
      transform: translateY(-50%);
    }
  }

  .nest-menu .el-submenu>.el-submenu__title,
  .el-menu-item {
    &:hover {
        background: #020306 !important;
        color:rgba(77, 123, 255, 1) !important;
    }
  }
  .nest-menu .el-submenu>.el-submenu__title,
  .el-menu-item.is-active {
    position: relative;
    background: #020306 !important;
    color:rgba(77, 123, 255, 1) !important;
    &::after {
      height: 100%;
      transform: translateY(-50%);
    }
  }